<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta name="description" content="杨攀腾web前端个人简历，前端学习，前端开发，前端工程师简历">
	<meta name="keywords" content="web前端，Alifred，web前端个人简历，前端开发简历网站，杨攀腾的简历，前端工程师简历">
	<meta name="author" content="Alifred">
	<meta name="fragment" content="!">
	<meta name="baidu-site-verification" content="UMMVJZAage" />
	<title>Web前端工程师简历</title>
	<link rel="shortcut icon" href="img/favicon.ico" />
	<link rel="stylesheet" href="css/reset_pc.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css" />
	<link rel="stylesheet" type="text/css" href="css/loader.css">
	<link rel="stylesheet" type="text/css" href="css/buttons.css">
	<link rel="stylesheet" href="css/index.css" />
	<link rel="stylesheet" href="css/media.css">
	<script src='js/jquery-1.12.0.min.js'></script>
	<!--[if lte IE 9]>
		    <script type="text/javascript">
		       
		    </script>
  		<![endif]-->
</head>

<body>
	<div class="W-head-portrait">
		<a href="http://www.yptup.top/" target="_blank">
			<img src="img/header.jpg" alt="杨攀腾的博客" />
			<div class="My-resume"><span>Alifred</span><i>'s</i> resume</div>
			<div class="clear"></div>
		</a>
	</div>

	<!--导航-->
	<div class="nav-yuan">
		<div class="nav-toggle">
			<div class="icon"></div>
		</div>
		<div class="talkbubble">
			导航
		</div>
	</div>

	<div class="navigation">
		<ul>
			<li><a href="javascript:;" class="a-active">首页<span class="span-active"></span></a></li>
			<li><a href="javascript:;">关于我<span></span></a></li>
			<li><a href="javascript:;">技能掌握<span></span></a></li>
			<li><a href="javascript:;">我的经历<span></span></a></li>
			<li><a href="javascript:;">我的作品<span></span></a></li>
			<li><a href="javascript:;">联系我<span></span></a></li>
			<li><a href="http://www.yptup.top/" target="_blank">我的博客<span></span></a></li>
		</ul>
	</div>

	<!-- <div class="W-logo">
			<img src="img/wang.png"/>
			<span class="W-rem">杨攀</span>
			<div class="W-logo-jian">
				<span class="W-boke">· ###'s resume</span>
				<span class="W-qq">QQ:893042011</span>
			</div>
			<span class="W-zhan">腾</span>
			<div class="clear"></div>
		</div> -->
	<div class="nav-zhe"></div>

	<div class="swiper-container swiper-container1">
		<div class="swiper-wrapper swiper-wrapper1">
			<!-- 首页 -->
			<div class="swiper-slide swiper-slide1">
				<div class="w-mask">
					<div class="slider" style="display: block;">
						<div class="items-group">
							<div class="item ">
								<div class="block">
									<span class="circleLight"></span>
									<div class="text">
										<h2>Hello, I'm Alifred</h2>
										<strong>Life doesn’t get easier, you just get stronger</strong>
										<p class="W-p1">我叫Alifred</p>
										<p class="W-p2">一名前端开发工程师</p>
										<p class="W-mailbox">893042011@qq.com</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div id="wowslider-container">
					<div class="ws_images">
						<ul>
							<li>
								<a href="javascript:;">
									<img src="img/lun1.jpg " alt="杨攀腾的前端简历" title="" />
								</a>
							</li>
							<li>
								<a href="javascript:;">
									<img src="img/lun4.png " alt="杨攀腾的前端简历" title="" />
								</a>
							</li>
							<li>
								<a href="javascript:;">
									<img src="img/lun2.jpg " alt="杨攀腾的前端简历" title="" />
								</a>
							</li>
							<li>
								<a href="javascript:;">
									<img src="img/lun3.jpg " alt="杨攀腾的前端简历" title="" />
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 关于我 -->
			<div class="swiper-slide W-aboutme">
				<div class="W-sider-zhe"></div>
				<div class="W-introduce">
					<div class="W-introduce-me">
						<img src="img/headportrait.jpg" alt="头像" />
					</div>
					<p>
						您好，我叫杨攀腾，22岁，坐标邯郸。
						大学毕业以后从事前端开发工作
						本人在公司主要负责整个页面的前端开发，
						配合后台人员实现产品前端界面效果与功能。使用vue写过多个后台管理界面，使我的专业技能突飞猛进。
						在此很感谢
						<span class="wantu">河北万图计算机科技有限公司</span> 对我的培养，让我学到了很多东西。
					</p>
					<p>
						不浮躁，喜欢前端，执行力，学习能力都棒棒哒！目前，能做点粗糙设计（比如本网站）。
					</p>
					<p>性格活泼开朗，热爱跑步、爬山、马拉松</p>
				</div>
			</div>
			<!-- 技能掌握 -->
			<div class="swiper-slide W-skill">
				<div class="W-sider-zhe"></div>
				<div id="content">
					<div class="legend">
						<h1>Skills:</h1>
						<div class="skills">
							<ul>
								<li class="jq">JavaScript</li>
								<li class="css">CSS3</li>
								<li class="html">HTML5</li>
								<li class="Vue">Vue</li>
								<li class="sql">jQuery</li>

							</ul>
						</div>
					</div>
					<div id="diagram"></div>
				</div>

				<div class="get">
					<div class="arc">
						<span class="text">JavaScript</span>
						<input type="hidden" class="percent" value="80" />
						<input type="hidden" class="color" value="#97BE0D" />
					</div>
					<div class="arc">
						<span class="text">CSS3</span>
						<input type="hidden" class="percent" value="80" />
						<input type="hidden" class="color" value="#d7d8d8" />
					</div>
					<div class="arc">
						<span class="text ">HTML5</span>
						<input type="hidden " class="percent" value="80" />
						<input type="hidden " class="color" value="#d3d671" />
					</div>
					<div class="arc">
						<span class="text">Vue</span>
						<input type="hidden" class="percent" value="75" />
						<input type="hidden" class="color" value="rgba(112, 173, 32, 1)" />
					</div>
					<div class="arc">
						<span class="text">jQuery</span>
						<input type="hidden" class="percent" value="80" />
						<input type="hidden" class="color" value="#e4a787" />
					</div>
				</div>
			</div>
			<!--工作经历-->
			<div class="swiper-slide W-work">
				<div class="W-sider-zhe"></div>
				<div class="W-work-nr">
					<div class="W-work-left">
						<div class="W-jing-nr">
							<h5>我的经历</h5>
							<div class="W-jing-nr-parent">
								<div class="W-time">
									<span>2017</span>
									<i>year</i>
									<div class="W-zhuan"></div>
								</div>
							</div>
							<div class="clear"></div>
						</div>

						<ul class="W-tim-ul">
							<li class="W-li-top W-li-top-diyi">
								<em>2017</em>
								<i>07月</i>
								<b></b>
								<div class="clear"></div>
								<span></span>
							</li>
							<li class="W-li-top W-margin-top1">
								<em>2017</em>
								<i>10月</i>
								<b></b>
								<div class="clear"></div>
								<span></span>
							</li>
							<!-- <li class="W-li-top W-margin-top2">
									<em>2019</em>
									<i>12月</i>
									<b></b>
									<div class="clear"></div>
									<span></span>
								</li> -->
						</ul>
					</div>
					<div class="W-work-right">
						<ul>
							<li>
								<p class="W-jie1">毕业于<strong>郑州科技学院</strong></p>
								<p class="W-jie2">
									<span>&lt;本科&gt;</span>
									在校多次参加校内实战项目，并获得优异成绩
								</p>
							</li>

							<li class="W-time-top">
								<p class="W-jie1">就职于<strong>河北万图计算机科技有限公司</strong></p>
								<p class="W-jie2">
									<span>&lt;技术部/前端H5工程师&gt;</span>
									本人主要负责公司外包项目的网页开发，
									在工作中熟练使用JavaScript、Vue、HTML、CSS、jQuery，完成网页开发，
									配合后台人员实现产品前端界面效果与功能。
								</p>
							</li>
							<!-- <li class="W-time-top">
									<p class="W-jie1">离开<strong>河北万图计算机科技有限公司</strong></p>
									<p class="W-jie2">
										<span>&lt;个人原因&gt;</span>
										愿公司和同事越来越好
									</p>	
								</li> -->
						</ul>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!-- 我的作品 -->
			<div class="swiper-slide W-mywork">
				<div class="W-sider-zhe"></div>
				<div class="swiper-container swiper-container2">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="W-mywork-left">
								<a href="http://resume.yptup.top/" target="_blank">
									<div class="W-work13"><span>我的简历网站(本网站)</span></div>
								</a>
							</div>
							<div class="W-mywork-right">
								<a href="http://www.yptup.top/" target="_blank">
									<div class="W-work14"><span>我的博客</span></div>
								</a>
							</div>
							
							<div class="clear"></div>
						</div>
						<div class="swiper-slide">
							<div class="W-mywork-left">
								<a href="http://resume.yptup.top/" target="_blank">
									<div class="W-work1"><span>个人简历</span></div>
								</a>
							</div>
							<div class="W-mywork-right">
								<a href="http://resume1.yptup.top:6601/" target="_blank">
									<div class="W-work2"><span>仿电商</span></div>
								</a>
							</div>
							<div class="clear"></div>
						</div>
						
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination swiper-pagination2"></div>
				</div>
			</div>
			<!-- 联系我 -->
			<div class="swiper-slide W-contact-me">
				<div class="W-sider-zhe"></div>
				<div class="W-lian">
					<div class="W-lian-right"></div>
					<div class="clear"></div>
					<div class="W-lian-bot"></div>
					<div class="W-lian-zhong">
						<div class="W-lian-heng">
							<p class="W-lian-p1">CONTACT</p>
							<p class="W-lian-p2">FOR ME</p>
							<div class="clear"></div>
						</div>
						<div class="W-lian-nr">
							<p class="W-lian-p3">
								<em class="W-lian-e1">灵感</em>
								<em class="W-lian-e2">代码</em>
								<em class="W-lian-e3">梦想</em>
								<em class="W-lian-e4">未来</em>
							</p>
							<p class="W-lian-p4">
								学习是一个充实愉悦的过程<br />
								喜欢尝试，期待新鲜事物<br />
								前端即兴趣，兴趣即未来<br />
								行路有良友，便是捷径<br />
								期待有机会与您共事！
							</p>
							<div class="W-lian-bottom">
								<a href="https://github.com/Alfred-Skyblue" target="_blank">
									<img src="img/github.png" alt="">
									<span class="W-Github">Github</span>
								</a>
								<a href="javascript:;">
									<img src="img/mail.png" alt="">
									<span class="W-Mail">893042011@qq.com</span>
								</a>
								<a href="javascript:;">
									<img src="img/qq.png" alt="">
									<span class="W-qq"></span>
								</a>
								<a href="javascript:;">
									<img src="img/wechat.png" alt="">
									<span class="W-weixin"></span>
								</a>
								<a href="http://weibo.com/u/3941909649" target="_blank">
									<img src="img/mayun.png" alt="">
									<span class="W-weibo">Mayun</span>
								</a>

								<div class="clear"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 如果需要分页器 -->
		<div class="swiper-pagination swiper-pagination1"></div>
		<div class="W-yyue">
			<span class="demoSpan1"></span>
			<span class="demoSpan2"></span>
		</div>
	</div>

	<!--关闭音乐-->
	<div class="Ws-header">
		<span>Alifred's resume</span>
	</div>
	<div class="W-yyue W-s-yyue">
		<img src="img/nn.jpg" />
		<span class="demoSpan1"></span>
		<span class="demoSpan2"></span>
	</div>

	<!--开场动画-->
	<div id="loader-wrapper">
		<div id="loader"></div>
		<div class="loader-section section-left"></div>
		<div class="loader-section section-right"></div>
		<div class="load_title"></div>
	</div>

	<!-- 评论 -->
	<!-- 按钮 -->
	<div class="box bg-3">
		<!-- <button class="button button--nanuk button--border-thin button--round-s">
				<span>点</span>
				<span>击</span>
				<span>评</span>
				<span>论</span>
				<span>我</span>
			</button> -->
	</div>

	<!-- 手机端 start -->
	<div class="W-page2">
		<div class="W-yi-bg">
			<a href="http://resume.yptup.top/" class="Ws-tou" alt="头像">
				<img src="img/me1.jpeg" />
			</a>
			<h2>Hello, I'm Alifred</h2>
			<strong>Life doesn’t get easier, you just get stronger</strong>
			<div class="W-p1">我叫Alifredp>
				<p class="W-p2">一名前端开发工程师</p>
				<p class="W-mailbox">893042011@qq.com</p>
				<div class="W-lian-bottom">
					<a href="https://github.com/Alfred-Skyblue" target="_blank">
						<img src="img/github.png" alt="">
						<span class="W-Github">Github</span>
					</a>
					<a href="javascript:;">
						<img src="img/mail.png" alt="">
						<span class="W-Mail">893042011@qq.com</span>
					</a>
					<a href="javascript:;">
						<img src="img/qq.png" alt="">
						<span class="W-qq"></span>
					</a>
					<a href="javascript:;">
						<img src="img/wechat.png" alt="">
						<span class="W-weixin"></span>
					</a>
					<div class="clear"></div>
				</div>
			</div>
			<div class="Ws-me">
				<div class="Ws-me-title">
					<h3>关于我</h3>
					<i></i>
				</div>
				<p>
					您好，我叫杨攀腾，22岁，坐标邯郸。
					大学毕业以后从事前端开发工作
					本人在公司主要负责整个页面的前端开发，
					配合后台人员实现产品前端界面效果与功能。写过响应式页面，
					移动端页面，pc端页面。小的来说，商城，企业网站，视频，音频，评论，
					地图等都有涉及。
					在此很感谢<span class="wantu">河北万图计算机科技有限公司</span>对我的培养，让我学到了很多东西。
				</p>
				<p>
					不浮躁，喜欢前端，执行力，学习能力都棒棒哒！目前，能做点粗糙设计（比如本网站）。
				</p>
			</div>

			<div class="Ws-ji">
				<div class="Ws-me-title">
					<h3>技能掌握</h3>
					<i></i>
				</div>
				<p>
					1.在工作中熟练使用html、css、js配合其他开发人员完成页面交互<br />
					2.在工作中熟练使用Vue框架开发单页面应用。<br />
					3.在工作中熟练使用git工具管理代码<br />
					4.热爱前端，喜欢用最扎实的代码做出效果上最炫，代码上最合理的页面。<br />

				</p>
				<div class="Ws-tu">
					<div class="Ws-PHOTOSHOP">
						<em></em>
						<div class="Ws-ph">
							<div class="Ws-ph-f" data-percentage="40%">
							</div>
						</div>
					</div>
					<div class="Ws-PHOTOSHOP">
						<em></em>
						<div class="Ws-ph">
							<div class="Ws-ph-f" data-percentage="80%">
							</div>
						</div>
					</div>

					<div class="Ws-PHOTOSHOP">
						<em></em>
						<div class="Ws-ph">
							<div class="Ws-ph-f" data-percentage="75%">
							</div>
						</div>
					</div>

					<div class="Ws-PHOTOSHOP">
						<em></em>
						<div class="Ws-ph">
							<div class="Ws-ph-f" data-percentage="80%">
							</div>
						</div>
					</div>

					<div class="Ws-PHOTOSHOP">
						<em></em>
						<div class="Ws-ph">
							<div class="Ws-ph-f" data-percentage="65%">
							</div>
						</div>
					</div>


				</div>
			</div>

			<div class="Ws-jing">
				<div class="Ws-me-title">
					<h3>我的经历</h3>
					<i></i>
				</div>
				<div class="Ws-jing-box">
					<ul>
						<li>
							<div class="Ws-time">
								<img src="img/WS_jing.jpg" />
								<span>2017年/02月初–2017年 /07月初</span>
							</div>
							<div class="Ws-left-kong"></div>
							<div class="Ws-gs">
								<strong>在###有限公司实习</strong>
								<em>技术部/前端工程师</em>
								<p>
									本人在该公司主要负责整个页面的前端开发，
									配合后台人员实现产品前端界面效果与功能。
								</p>
							</div>
						</li>
						<li>
							<div class="Ws-time">
								<img src="img/WS_jing.jpg" />
								<span>2017年/07月</span>
							</div>
							<div class="Ws-left-kong"></div>
							<div class="Ws-gs">
								<strong>毕业郑州科技学院</strong>
								<em>本科</em>

							</div>
						</li>
						<li>
							<div class="Ws-time">
								<img src="img/WS_jing.jpg" />
								<span>2017年/10月至2019年12月</span>
							</div>
							<div class="Ws-left-kong"></div>
							<div class="Ws-gs">
								<strong>就职于河北万图计算机科技有限公司</strong>
								<em>技术部/前端H5工程师</em>
								<p>
									本人在该公司主要负责基于微信平台的H5轻应用开发，
									配合后台人员实现产品前端界面效果与功能。
								</p>
							</div>
						</li>
					</ul>
				</div>
			</div>

			<div class="Ws-zuo">
				<div class="Ws-me-title">
					<h3>我的作品</h3>
					<i></i>
				</div>
				<div class="swiper-container swiper-container3">
					<div class="swiper-wrapper">
						<div class="swiper-slide swiper-slide1">
							<a href="http://resume.yptup.top/" target="_blank">我的简历网站</a>
						</div>
						<div class="swiper-slide swiper-slide2">
							<a href="http://www.yptup.top/" target="_blank">我的博客</a>
						</div>

					</div>
					<!-- 如果需要分页器 -->
					<!-- <div class="swiper-pagination swiper-pagination3"></div> -->
				</div>
			</div>

			<div class="Ws-lianxi">
				<div class="Ws-me-title">
					<h3>联系我</h3>
					<i></i>
				</div>
			</div>

			<div class="Ws-hui">
				<img src="img/top.png" />
			</div>
		</div>
		<!-- 手机端 end-->
		<div class="W-pinglun">
			<div class="box bg-2">
				<button class="W-ggb button button--aylen button--border-thin button--round-s">
					关闭
				</button>
			</div>
			<!--PC版-->

			<div id="SOHUCS" sid="请将此处替换为配置SourceID的语句" class="Ws-p-1"></div>
			<script charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/changyan.js"></script>
			<script type="text/javascript">
				//畅言评论配置
				window.changyan.api.config({
					appid: 'cyuIQ6C1i',
					conf: 'prod_a15c4dd19c8afb8207b1756833288763'
				});
			</script>

			<!--高速版-->
			<!-- 			<div id="SOHUCS" sid="请将此处替换为配置SourceID的语句"></div>
			<script charset="utf-8" type="text/javascript" src="http://cy-cdn.kuaizhan.com/upload/changyan.js" ></script>
			<script type="text/javascript">
			window.changyan.api.config({
			appid: 'cyuIQ6C1i',
			conf: 'prod_a15c4dd19c8afb8207b1756833288763'
			});
			</script> -->
			<!-- <style type="text/css">
				#SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w, #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w, #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w a {display: none!important;}
				#SOHUCS #SOHU_MAIN .module-hot-topic {display: none!important;}
			</style> -->

		</div>

		<script src='js/swiper-3.4.1.min.js'></script>
		<script src='js/wowslider.js'></script>
		<script src='js/script.js'></script>
		<script src="js/raphael.js"></script>
		<script src='js/init.js'></script>
		<script src='js/howler.min.js'></script>
		<script src='js/index.js'></script>

		<script>
			(function () {
				var bp = document.createElement('script');
				var curProtocol = window.location.protocol.split(':')[0];
				if (curProtocol === 'https') {
					bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
				}
				else {
					bp.src = 'http://push.zhanzhang.baidu.com/push.js';
				}
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(bp, s);
			})();
		</script>

</body>

</html>